

body {
    margin: 0;
}


.center {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
//边框样式
.b2{border-radius: 2px;}
.b3{border-radius: 3px;}

.b5{border-radius: 5px;}
.b20{border-radius: 20px;}
.b_c {border-radius: 50%;}

//字体相关


.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f30{font-size: 30px;}

.f40{font-size: 40px;}
.f50{font-size: 50px;}

.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw800{font-weight: 800;}

.lh25{
    line-height: 25px;
}
//position
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}
//颜色
.bg_red{background-color: red;}
.bg_yellow{background-color: yellow;}
.bg_ff{background-color: #fff;}
.bg_ebe{background-color:#EBEEF5;}
.bg_909{background-color: #909399;}
.bg_1cb{background-color: #1CB54A;}
.clr_66{color:#666;}
.clr_fff{color:#fff;}
.clr_ff0{color:#FF0000}
.clr_ff6{color:#FF6f6f}

.clr_999{color:#999999;}
.clr_ef8900 {color:#ef8900;}
.clr_1c8{color:#1C8BE4;}
.clr_1cb{color: #1CB54A;}
.clr_2b3{color:#2B354A;}

.b_clr_ff0{border:1px solid #FF0000;}
.b_clr_1c8{border:1px solid #1C8BE4;}
.b_clr_999{border:1px solid #999999;}
//margin
.m10 {
 margin: 10px;
}
.ml2{margin-left: 2px;}
.ml5 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml50{margin-left: 50px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
//padding
.pt20{padding-top: 20px;}
.pb10{padding-bottom: 10px;}
.pl5{padding-left: 5px;}

.pl10{padding-left: 10px;}
.pr5{padding-right: 5px;}

.pr10{padding-right: 10px;}
.pc3{padding: 3px;}

.pc5{padding: 5px;}
.pc10{padding: 10px;}
//宽度
.w70 {width: 70px;}
.w50{width:50%;}
.w100 {width: 100%;}
.W100 {width: 100%;}
.W50{width:50%;}
.w120{width: 120px;}
.w140{width: 140px;}
.w150 {width: 150px;}
.w200{width: 200px;}
.w280{width: 280px;}
.w300{width: 300px;}

//高度
.h18 {height: 18px;}

.h25 {height: 25px;}

.h40 {height: 40px;}
.h50{height: 50px;}
.h70 {height: 70px;}
.h100 {
    height: 100%;
}
.h140{height: 140px;}
.h200{height: 200px;}

//布局
.row {
display: flex;
align-items: center;
justify-content: center;
}
.row_space_between{
    display: flex;
align-items: center;
justify-content: space-between;
}
.column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    }
    .column_space_between{
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    }